import { Spin } from "@arco-design/web-react";
import "./App.css";
import Router from "./router";
import { useAppSelector } from "./store/hooks";
import GlobalModal from "./components/GobalModal";

function App() {
  const globalLoading = useAppSelector((state) => state.app.globalLoading);
  return (
    <Spin dot loading={globalLoading}>
      <div className="AppContainer" id="app">
        <GlobalModal></GlobalModal>
        <Router></Router>
      </div>
    </Spin>
  );
}

export default App;
